<%--
  Created by IntelliJ IDEA.
  User: lkl
  Date: 2024/7/1
  Time: 10:32
  To change this template use File | Settings | File Templates.
--%>
<%@ page pageEncoding="UTF-8" %>
<%@ taglib prefix="c" uri="jakarta.tags.core" %>
<%@ taglib prefix="fn" uri="http://java.sun.com/jsp/jstl/functions" %>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%
    String path = request.getContextPath();
    String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>
<html>
<head>
    <base href="<%=basePath%>">
    <link rel="apple-touch-icon" sizes="76x76" href="./assets/img/123.png">
    <link rel="icon" type="image/png" href="./assets/img/123.png">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"/>
    <title>NEFU CCEC SE</title>
    <meta content='width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0, shrink-to-fit=no'
          name='viewport'/>

    <!-- Google Font -->
    <link href="https://fonts.googleapis.com/css?family=Playfair+Display:400,700|Source+Sans+Pro:400,700"
          rel="stylesheet">

    <!-- Font Awesome Icons -->
    <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.3.1/css/all.css"
          integrity="sha384-mzrmE5qonljUremFsqc01SB46JvROS7bZs3IO2EmfFsd15uHvIt+Y8vEf7N7fWAU" crossorigin="anonymous">

    <!-- Main CSS -->
    <link href="assets/css/main.css" rel="stylesheet"/>

    <!-- Docs CSS -->
    <link href="assets/css/vendor/bootstrap-toc.css" rel="stylesheet"/>
    <link href="assets/css/vendor/prism.css" rel="stylesheet"/>
    <link rel="stylesheet" href="assets/css/main.css">
    <link rel="stylesheet" href="assets/css/notice.css">

</head>

<body>


<!----------------------------------------------------------------------
End fixed sidebar
------------------------------------------------------------------------>
<!----------------------------------------------------------------------
End fixed sidebar
------------------------------------------------------------------------>


    <!----------------------------------------------------------------------
    NAVBAR (remove topnav if you don't want changed nav background on scroll)
    ------------------------------------------------------------------------>
    <nav class="topnav navbar navbar-expand-lg navbar-light bg-white fixed-top pd">
        <div class="container mr pd">
            <a class="navbar-brand d-lg-none" href="index.html"><i
                    class="fas fa-anchor mr-2"></i><strong>Mundana</strong></a>
            <button class="navbar-toggler collapsed" type="button" data-toggle="collapse" data-target="#navbarColor02"
                    aria-controls="navbarColor02" aria-expanded="false" aria-label="Toggle navigation">
                <span class="navbar-toggler-icon"></span>
            </button>
            <div class="navbar-collapse collapse" id="navbarColor02">
                <ul class="navbar-nav mr-auto d-flex align-items-center">
                    <li class="nav-item highlight" style="margin-left:20px ">
                        <a class="nav-link" href="listNews">&larr; 回到新闻中心</a>
                    </li>
                </ul>
                <ul class="navbar-nav ml-auto d-flex align-items-center">
                    <li class="nav-item highlight">
                        <c:set var="nextNewsLink" value="${news.nid>=count ? (1) : (news.nid + 1)}" />
                        <a class="nav-link" target="_blank"
                           href="getnews?nid=${nextNewsLink}">
                            阅读下一篇 &rarr;
                        </a>
                    </li>
                </ul>
            </div>
        </div>
    </nav>
    <!-- End Navbar -->

    <!-------------------------------------
    HEADER
    --------------------------------------->
<%--    <div class="jumbotron jumbotron-fluid mb-3 pb-0 bg-white position-relative pd">--%>
        <div class="container" style="margin-top: 80px">
            <div class="row align-items-center justify-content-center text-center">
                <div class="col-md-10">
                    <h1 class="display-3 text-dark">${news.title}</h1>
                    <p>作者: ${news.author}</p>
                    <p>时间: ${news.dateTime}</p>
                </div>
                <div id="docsarea" class="font-weight-normal">
                    <p class="lead align-self-left" style="text-indent: 2em;">
                        ${news.content}
                    </p>
                    <br>
                    <div class="container text-center" style="margin-top: 20px;">
                        <div class="d-flex">
                            <div class="col">
                                <img src="${news.imageurl}" alt="暂无图片" class="shadow-lg">
                            </div>
                        </div>
                    </div>

                    <br>

                </div>
            </div>
        </div>
<%--    </div>--%>
    <!--- END HEADER -->
<div class="footer border-top">
    <div class="wrapper">
        <!--		服务-->
        <div class="service">
            服务于NEFU CCEC SE
        </div>
    </div>
    <!--		版权-->
    <div class="copyright">
        版权所有 2024 东北林业大学计算机与控制工程学院软件工程专业
    </div>
    <div class="maker">
        Copyright &copy; Li KunLong
    </div>
</div>

<%--    <div class="container pt-5 pb-5 mb-5 mr">--%>
<%--        <div class="row justify-content-center">--%>
<%--            <div class="col-lg-11">--%>
<%--                <div id="docsarea" class="font-weight-normal">--%>
<%--                    <p class="lead">--%>
<%--                        ${news.content}--%>
<%--                    </p>--%>
<%--                    <br>--%>
<%--                    <div class="container text-center">--%>
<%--                        <div class="d-flex">--%>
<%--                            <div class="col">--%>
<%--                                <img src="${news.imageurl}" alt="暂无图片" class="shadow-lg">--%>
<%--                            </div>--%>
<%--                        </div>--%>
<%--                    </div>--%>

<%--                    <br>--%>

<%--                </div>--%>

<%--            </div>--%>
<%--        </div>--%>


<%--<h1>${news.title}</h1>--%>
<%--<ul>--%>
<%--    <li>作者: ${news.author}</li>--%>
<%--    <li>时间: ${news.dateTime}</li>--%>
<%--</ul>--%>
<%--<p>正文: ${news.content}</p>--%>
<%--<img src="${news.imageurl}" alt="暂无图片">--%>


<!--------------------------------------
JAVASCRIPTS
--------------------------------------->
<script src="assets/js/vendor/jquery.min.js" type="text/javascript"></script>
<script src="assets/js/vendor/popper.min.js" type="text/javascript"></script>
<script src="assets/js/vendor/bootstrap.min.js" type="text/javascript"></script>
<script src="assets/js/functions.js" type="text/javascript"></script>

<!-- Docs -->
<script src="assets/js/vendor/prism.js" type="text/javascript"></script>
<script src="assets/js/vendor/bootstrap-toc.js" type="text/javascript"></script>
<script>
    $(function () {
        new ClipboardJS('.btn');
        var navSelector = '#toc';
        var $myNav = $(navSelector);
        Toc.init({
            $nav: $('#toc'),
            $scope: $('#docsarea')
        });
        $('body').scrollspy({
            target: navSelector
        });
    });
</script>


<!-- Tooltips -->
<script> $(function () {
    $('[data-toggle="tooltip"]').tooltip()
}) </script>

<!-- Popovers -->
<script>
    $(function () {
        $('[data-toggle="popover"]').popover()
    })
    $('.popover-dismiss').popover({
        trigger: 'focus'
    })
</script>
</body>
</html>
